<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>公告首页</title>
  <link rel="stylesheet" href="../css/bootstarp.min.css">
  <link rel="stylesheet" href="./bbd.css">
</head>

<body>

  <!-- 上: 三个查询、三个按钮-->
  <div class="up">
    <!-- 三个查询 -->
    <label>
      <input type="text" id="txt_title" class="form-control" placeholder="标题模糊查询">
    </label>
    <label>
      <input type="text" id="txt_info" class="form-control" placeholder="内容模糊查询">
    </label>
    <label>
      <input type="text" id="txt_username" class="form-control" placeholder="发布人模糊查询">
    </label>
    <!-- 三个按钮 -->
    <button id="btnQuery" class="btn btn-success btn-sm">查询</button>
    <button id="btnReset" class="btn btn-danger btn-sm">重置</button>
    <button id="btnNew" class="btn btn-primary btn-sm">发布公告</button>

  </div>



  <!-- 中:内容表 -->
  <div>

    <table class="table table-sm">
      <thead>
        <tr>
          <th>编号</th>
          <th>标题</th>
          <th>发布人</th>
          <th>是否置顶</th>
          <th>公告发布时间</th>
          <th>操作</th>
        </tr>
      </thead>

      <tbody id="tbData"></tbody>
    </table>

  </div>



  <!-- 下:分页 -->
  <div>
    <span id="spPre">上一页</span>
    <span id="spPage"></span>
    <span id="spNext">下一页</span>
  </div>





  <script type="module" src="./bbd.js"></script>

</body>

</html>